<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>个人账户中心</title>
    <link rel="stylesheet" href="../../assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../assets/font-awesome/4.5.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="../../assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style"/>
    <link rel="stylesheet" href="../../assets/css/jquery-ui.min.css"/>
    <link rel="stylesheet" href="../../assets/css/login/member.css">
    <link rel="stylesheet" href="../../assets/css/manager.css">
</head>
<body>
<div class="head">
    <div class="header">
        <div class="header-cnt fn-clear">
            <h1 class="logo">
                <a href="" class="logo-img logo-img-jx" title="激想云商零售管理">
                    激想云商零售管理
                </a>
            </h1>
            <h2 class="logo-title">
                个人账户信息
            </h2>
        </div>
    </div>
</div>
<div class="container">
    <div class="content">
        <div class="maincenter payment-warp">
            <header class="order-header">
                <div class="order-info">
                    <h2>购买升级版</h2>
                    <p>激想运动专营店北京店</p>
                    <p>到期时间为2017年5月23日</p>
                </div>
                <div class="head-right">
                    <div class="order-stage">
                        <span class="label label-lg label-grey   arrowed-right">确认订单</span>
                        <span class="label label-lg label-light arrowed-right arrowed-in">填写发票</span>
                        <span class="label label-lg label-light arrowed-right arrowed-in">付款</span>
                        <span class="label label-lg label-light  arrowed-in">付款成功</span>
                    </div>
                </div>
            </header>
            <div class="row plan-warp">
                <div class="col-xs-6 col-sm-4 pricing-box select">
                    <div class="widget-box ">
                        <div class="widget-header bg-white">
                            <h5 class="widget-title bigger lighter">特惠店</h5>
                        </div>
                        <div class="widget-body">
                            <div class="widget-main">
                                <ul class="list-unstyled spaced2">
                                    <li>
                                        <i class="ace-icon fa fa-check green"></i>
                                        10 GB Disk Space
                                    </li>

                                    <li>
                                        <i class="ace-icon fa fa-check green"></i>
                                        200 GB Bandwidth
                                    </li>

                                    <li>
                                        <i class="ace-icon fa fa-check green"></i>
                                        100 Email Accounts
                                    </li>

                                    <li>
                                        <i class="ace-icon fa fa-check green"></i>
                                        10 MySQL Databases
                                    </li>

                                    <li>
                                        <i class="ace-icon fa fa-check green"></i>
                                        $10 Ad Credit
                                    </li>
                                </ul>

                                <hr>
                                <div class="price">¥ 2400
                                    <small>/年</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-sm-4 pricing-box">
                    <div class="widget-box ">
                        <div class="widget-header bg-white">
                            <h5 class="widget-title bigger lighter">优品店</h5>
                        </div>
                        <div class="widget-body">
                            <div class="widget-main">
                                <ul class="list-unstyled spaced2">
                                    <li>
                                        <i class="ace-icon fa fa-check green"></i>
                                        10 GB Disk Space
                                    </li>

                                    <li>
                                        <i class="ace-icon fa fa-check green"></i>
                                        200 GB Bandwidth
                                    </li>

                                    <li>
                                        <i class="ace-icon fa fa-check green"></i>
                                        100 Email Accounts
                                    </li>

                                    <li>
                                        <i class="ace-icon fa fa-check green"></i>
                                        10 MySQL Databases
                                    </li>

                                    <li>
                                        <i class="ace-icon fa fa-check green"></i>
                                        $10 Ad Credit
                                    </li>

                                </ul>

                                <hr>
                                <div class="price">¥ 2400
                                    <small>/年</small>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-sm-4 pricing-box">
                    <div class="widget-box">
                        <div class="widget-header bg-white">
                            <h5 class="widget-title bigger lighter">特惠店</h5>
                        </div>

                        <div class="widget-body">
                            <div class="widget-main">
                                <ul class="list-unstyled spaced2">
                                    <li>
                                        <i class="ace-icon fa fa-check green"></i>
                                        10 GB Disk Space
                                    </li>
                                    <li>
                                        <i class="ace-icon fa fa-check green"></i>
                                        200 GB Bandwidth
                                    </li>
                                    <li>
                                        <i class="ace-icon fa fa-check green"></i>
                                        100 Email Accounts
                                    </li>

                                    <li>
                                        <i class="ace-icon fa fa-check green"></i>
                                        10 MySQL Databases
                                    </li>

                                    <li>
                                        <i class="ace-icon fa fa-check green"></i>
                                        $10 Ad Credit
                                    </li>

                                </ul>
                                <hr>
                                <div class="price">¥ 2400
                                    <small>/年</small>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <div class="agree-service-wrap">
                <input type="checkbox" name="enableDiscount" class="price-factor hide">
                <div class="agree-choose pull-right checkbox">
                    <label>
                        <input id="agree-choose" name="agree-choose" type="checkbox" class="ace">
                        <span class="lbl"> <span class="agree-use">我已阅读并同意签署</span><a href="" target="_blank">《服务协议》</a></span>
                    </label>
                </div>
            </div>
            <div class="support-tips pull-left">
                <p>如果您有任何疑问，请立即联系客服。</p>
                <p> 邮箱：support@teambition.com</p>
                <p> 电话：400-060-5576</p>
            </div>
            <footer class="order-price  pull-right"><input type="hidden" name="costTotal" class="cost-total" value="0">
                <div class="price-total">
                    <span class="price-label">总计：</span><span class="price">¥ 2490</span>
                    <p>购买后店铺可容纳10个成员</p>
                    <p> 到期时间为2018年5月22日</p>
                </div>
                <div class="order-submit"><a id="submit-btn" href="payment-order.html" type="button"
                                             class="btn btn-primary disabled btn-round">提交订单</a></div>
            </footer>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="footer-inner">
        <div class="footer-content">
            沪ICP备15052275号-2
        </div>
    </div>
</div>

<!--[if !IE]> -->
<script src="../../assets/js/jquery-2.1.4.min.js"></script>
<!-- <![endif]-->
<!--[if IE]>
<script src="../../assets/js/jquery-1.11.3.min.js"></script>
<![endif]-->
<script src="../../assets/js/jquery.validate.min.js"></script>
<script src="../../assets/js/jquery-ui.min.js"></script>
<!--avatar upload-->
<script src="../../assets/js/cropbox.js"></script>
</body>
<script type="text/javascript">

    $(function () {
        $('.pricing-box').click(function () {
            $(this).addClass("select").siblings().removeClass("select");
            console.log("ddd");
        })
        $(".agree-choose input[type='checkbox']").change(function () {

            if ($(this).is(':checked')) {
                $("#submit-btn").removeClass("disabled");
            } else {
                $("#submit-btn").addClass("disabled");
            }

        })
    })
</script>

</html>